<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8" />
    <title>Térmica Embalagens Práticas</title>
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="style.css" media="all">
    <script src="js/modernizr.js" type="text/javascript"></script>
</head>

<body>
<div id="barra-topo"></div><!--barra_topo-->
    <div id="tudo">
        <div id="news-busca" class="eightcol last">
			<form id="news">
                <label for="email">Receba nossas notícias:</label>
                <!-- <input name="email" type="email" id="email" placeholder="Seu e-mail"> -->
                <input name="email" type="email" id="email" value="Seu e-mail" onfocus="if (this.value == 'Seu e-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Seu e-mail';}" />
                <button type="submit">Enviar</button>
            </form><!--cad-->
            <form id="busca">
                <img src="img/busca-icone.png" height="24" width="23" alt="">
                <input name="email" type="email" id="email" value="Busque aqui" onfocus="if (this.value == 'Busque aqui') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Busque aqui';}" />
            </form><!--busca-->
        </div><!--login-busca-->
        <header class="twelvecol">
        	<a href="index.php"><img src="img/titulo_termica.png" border="0" /></a>
            <div class="midias-sociais">
            	<a href="#"><img src="img/s_face.png" border="0" alt=""/></a>
            	<a href="#"><img src="img/s_twitter.png" border="0" alt=""/></a>
            	<a href="#"><img src="img/s_rss.png" border="0" alt=""/></a>
            </div><!--midias-sociais-->
        </header>


        <div id="slides" class="twelvecol">
            <div class="item_banner">
                <img src="img/slide_teste.jpg" border="0" />
                <div class="desc_banner fourcol last">
                    <h2>BANDEJA</h2>
                    <p>Comprimento: 201 mm</p>
                    <p>Largura: 131 mm</p>
                    <p>Altura: 35 mm</p>
                    <p>Volume: 730 ml</p>
                </div>
            </div>
            <div class="item_banner">
                <img src="img/slide_teste.jpg" border="0" />
                <div class="desc_banner fourcol last">
                    <h2>BANDEJA</h2>
                    <p>Comprimento: 201 mm</p>
                    <p>Largura: 131 mm</p>
                    <p>Altura: 35 mm</p>
                    <p>Volume: 730 ml</p>
                </div>
            </div>
            <div class="item_banner">
                <img src="img/slide_teste.jpg" border="0" />
                <div class="desc_banner fourcol last">
                    <h2>BANDEJA</h2>
                    <p>Comprimento: 201 mm</p>
                    <p>Largura: 131 mm</p>
                    <p>Altura: 35 mm</p>
                    <p>Volume: 730 ml</p>
                </div>
            </div>
            <div class="item_banner">
                <img src="img/slide_teste.jpg" border="0" />
                <div class="desc_banner fourcol last">
                    <h2>BANDEJA</h2>
                    <p>Comprimento: 201 mm</p>
                    <p>Largura: 131 mm</p>
                    <p>Altura: 35 mm</p>
                    <p>Volume: 730 ml</p>
                </div>
            </div>
        </div>

        <!-- <div id="banner" class="twelvecol">
            <div class="item_banner">
                <img src="img/slide_teste.jpg" border="0" />
                <div class="desc_banner fourcol last">
                    <h2>BANDEJA</h2>
                    <p>Comprimento: 201 mm</p>
                    <p>Largura: 131 mm</p>
                    <p>Altura: 35 mm</p>
                    <p>Volume: 730 ml</p>
                </div>
            </div>
            <div id="nav">
                <span class="prev"></span>
                <span class="dot"><a href="#"></a></span>
                <span class="dot ativo"><a href="#"></a></span>
                <span class="dot"><a href="#"></a></span>
                <span class="dot"><a href="#"></a></span>
                <span class="next"></span>
            </div>
        </div> -->



        <nav id="menu" class="twelvecol">
            <ul>
                <li><a href="index.php">Home</a></li>
                <li><a href="empresa.php">A Empresa</a></li>
                <li><a href="noticias.php">Notícias</a></li>
                <li><a href="produtos.php">Produtos</a></li>
                <li><a href="microondas.php">Utilização em Microondas</a></li>
                <li><a href="sustentabilidade.php">Sustentabilidade</a></li>
                <li><a href="representantes.php">Representantes</a></li>
                <li><a href="pedido.php">Faça seu pedido</a></li>
                <li><a href="contato.php">Fale Conosco</a></li>
            </ul>
        </nav>
        <section class="twelvecol">